<%@ include file="/WEB-INF/pages/taglibs.jsp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	
</head>

<body>
	<div class="container">
		<fieldset>
			<legend>单元格信息</legend>
			<div class="row">
				<div class="col-md-12">
					<div class="form-group">
						<label class="col-md-2 control-label">显示列标题</label>
						<div class="col-md-7">
							<label>
								<input type="checkbox" name="report.showColumnTitle" class="form-control" value="true" />
							</label>
						</div>
				    </div>
				</div>
				<div class="col-md-12">
					<div class="form-group">
						<label class="col-md-2 control-label">合并单元格</label>
						<div class="col-md-6">
							<label>
								<input type="checkbox" name="report.crosstabStyle" class="form-control" value="true" />
							</label>
						</div>
						<label class="help-tip" data-html="true" data-toggle="tooltip" title="合并单元格，报表显示的数据列个数因为纸张的大小会受到限制。<br/>故：请根据以下方案进行合理选择:<br/>（1）纸张大小 A4 纸张方向 垂直 则最大的数据列数为5;<br/>（2）纸张大小 A4 纸张方向 水平 则最大的数据列数为8;<br/>（3）纸张大小 A3 纸张方向 垂直 则最大的数据列数为8;<br/>（4）纸张大小 A3 纸张方向 水平 则最大的数据列数为10;"><i class="fa fa-2x fa-question-circle-o"></i></label>
				    </div>
				</div>
			</div>
		</fieldset>
		<fieldset>
			<legend>统计字段</legend>
			<div id="DataTables_Table_groupfield_wrapper" class="dataTables_wrapper no-footer" style="position: relative; overflow: auto; max-height: 320px; width: 100%; margin-top: -20px;" >
				<table class="table table-striped table-column display" cellspacing="0" width="100%">
					<thead>
						<tr>         
							<th style="width: 10px;">
								<!-- <div class="btn-group" data-toggle="buttons">
									<label class="btn btn-xs btn-default btn-clean check-all"><input type="checkbox" class="check-all" autocomplete="off" /></label>
								</div> -->
							</th>
							<th>可选字段</th>
							<th>字段别名</th>
							<th>排序字段</th>
							<th>字段顺序</th>
						</tr>
					</thead>
					<tbody>
					<c:forEach var="field" items="${fields}">
					<c:if test="${ field.aggregate == null }">
						<tr>
							<td></td>
							<td>${field.field.alias}</td>
							<td>
								<input type="text" name="tableTitle:${field.column }" class="form-control input-sm" >
							</td>
							<td>
								<label class="radio-inline">
									<input type="checkbox" name="cache.orderby['${field.column }']" id="orderby-${field.column }" value="${field.field.name }" disabled="disabled" />
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderdirection-${field.field.name }" value="asc" checked="checked" disabled="disabled"/>升序
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderdirection-${field.field.name }" value="desc" disabled="disabled"/>降序
								</label>
							</td>
							<td>
								<a href="javascript:void(0);" class="btn btn-primary btn-sm" role="button"><i class="fa fa-long-arrow-up"></i></a>
								<a href="javascript:void(0);" class="btn btn-primary btn-sm" role="button"><i class="fa fa-long-arrow-down"></i></a>
							</td>
						</tr>
					</c:if>
					</c:forEach>
					</tbody> 
				</table>
		      </div>
		</fieldset>
		<fieldset>
			<legend>统计数值</legend>
			<div id="DataTables_Table_statifield_wrapper" class="dataTables_wrapper no-footer" style="position: relative; overflow: auto; max-height: 320px; width: 100%; margin-top: -20px;" >
				<table class="table table-striped table-column display" cellspacing="0" width="100%">
					<thead>
						<tr>         
							<th style="width: 10px;">
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-xs btn-default btn-clean check-all"><input type="checkbox" class="check-all" autocomplete="off" /></label>
								</div>
							</th>
							<th>可选字段</th>
							<th>字段别名</th>
							<th>统计方式</th>
							<th>排序字段</th>
							<th>字段顺序</th>
						</tr>
					</thead>
					<tbody>
					<c:forEach var="statifield" items="${fields}">
					<c:if test="${ statifield.aggregate != null }">
						<tr>
							<td></td>
							<td>${statifield.field.alias}</td>
							<td>
								<input type="text" name="tableTitle:${statifield.column }" class="form-control input-sm" >
							</td>
							<td>${statifield.aggregate}</td>
							<td>
								<label class="radio-inline">
									<input type="checkbox" name="cache.orderby['${statifield.column }']" id="orderby-${statifield.column }" value="${statifield.field.name }" disabled="disabled" onclick="changeCheckBox(this.id)"/>
								</label>
								<label class="radio-inline">	
									<input type="radio" name="orderdirection-${field.field.name }" value="asc" checked="checked" disabled="disabled"/>升序
								</label>
								<label class="radio-inline">
									<input type="radio" name="orderdirection-${field.field.name }" value="desc" disabled="disabled"/>降序
								</label>
							</td>
							<td>
								<a href="javascript:void(0);" class="btn btn-primary btn-sm" role="button"><i class="fa fa-long-arrow-up"></i></a>
								<a href="javascript:void(0);" class="btn btn-primary btn-sm" role="button"><i class="fa fa-long-arrow-down"></i></a>
							</td>
						</tr>
					</c:if>
					</c:forEach>
					</tbody> 
				</table>
			</div>
		</fieldset>
	</div>
</body>
</html>